<!--
 * @Description: 
 * @Author: lijiajin
 * @Date: 2020-07-06 09:04:53
 * @LastEditTime: 2020-07-06 13:40:28
 * @LastEditors: lijiajin
 -->
<!DOCTYPE html>
<html lang="en" xmlns:width="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no,email=no,address=no">
    <title>操作日志</title>
    <link rel="stylesheet" href="./icon/iconfont.css">
    <link rel="stylesheet" href="./plugins/layui/css/layui.css">
    <link rel="stylesheet" href="./css/nanoscroller.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/style.css">
    <script src="./js/JQuery2.1.4.js"></script>
    <script src="./plugins/layui/layui.js"></script>
    <script src="./js/spin.min.js"></script>
    <script src="./js/loading.js"></script>

</head>

<body>
<div class="wrap-box">
    <p class="title-h1">操作日志</p>
    <div class="content-scroll-box content-scroll-box-border nano">
        <div class="content-scroll nano-content">
            <form class="page-top-search-box page-top-search-box2" action="">
                <div>
                    <span>管理员</span>
                    <select name="">
                        <option value="">请选择</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                    </select>
                </div>
                <div>
                    <span>操作日期</span>
                    <input class="layui-input time time-range" type="text" name="" placeholder="开始日期 ~ 结束日期"/>
                </div>
                <div>
                    <button type="submit" class="layui-btn">搜索</button>
                    <a href="javascript:;" class="layui-btn layui-btn-primary-blue"
                       onclick="$(this).closest('form').html($(this).closest('form').html())">清除条件</a>
                </div>
            </form>
            <div class="max-width-limit1200 table-scroll table-page">
                <table cellpadding="0" cellspacing="0">
                    <thead>
                    <tr>
                        <th style="width: 10%">序号</th>
                        <th style="width: 10%">管理员</th>
                        <th style="width: 50%">操作记录</th>
                        <th style="width: 15%">时间</th>
                        <th style="width: 15%">IP</th>
                    </tr>
                    </thead>
                    <!--has data-->
                    <tbody>
                    <tr>
                        <td>123</td>
                        <td>张娜</td>
                        <td><p class="self-ellipsis-1">哦哈哈哦哈哈哈哈或或或或或哦哈哈哈哈或或或或或哦哈哈哈哈或或或或或哦哈哈哈哈或或或或或哦哈哈哈哈或或或或或哦哈哈哈哈或或或或或哦哈哈哈哈或或或或或哦哈哈哈哈或或或或或哈哈或或或或或</p></td>
                        <td>a</td>
                        <td>192.168.4.3</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <!--page-->
            <div class="max-width-limit1200 page-div">
                <span class="total">共44张图片</span>
                <a class="prev icon iconfont icondayu" href=""></a>
                <a href="">1</a>
                <a href="">2</a>
                <a href="">3</a>
                <a class="ellipsis icon iconfont iconicongengduo" href=""></a>
                <a href="">4</a>
                <a href="">9</a>
                <a href="">10</a>
                <a class="next icon iconfont icondayu1" href=""></a>
            </div>

            <!--no data-->
            <div class="table-no-data max-width-limit1200">
                <p><i class="icon iconfont iconkulian"></i>暂无数据</p>
            </div>
        </div>
    </div>
</div>

<script src="./js/echarts.min.js"></script>
<script src="./js/jquery.nanoscroller.js"></script>
<script src="./js/check.js"></script>
<script src="./js/common.js"></script>
<script src="./js/form-commit.js"></script>
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        laydate.render({
            elem: '.time-range'
            ,type: 'datetime'
            ,range: true
        });
    })
</script>
</body>

</html>